/* CSS file */
@font-face
{
	src: url("assets/fonts/MyriadPro-Regular.ttf");
	font-family:myriadRegular;
	font-style:normal;
	font-weight:normal;
}

@font-face
{
	src: url("assets/fonts/MyriadPro-Bold.ttf");
	font-family:myriadBold;
	font-style:normal;
	font-weight:bold;
}

WindowedApplication {
	paddingTop:0;
	paddingBottom:0;
	paddingLeft:0;
	paddingRight:0;
	vertical-gap:0;
	font-size: 11;
	theme-color: #919191;
	color: #333333;
}

TextInput {
	border-skin: Embed("assets/textinput_skin.png",
			scaleGridLeft="4",
			scaleGridRight="148",
			scaleGridTop="4",
			scaleGridBottom="25");
	padding-left: 2;
	padding-top: 3;
	vertical-align:middle;
}

ComboBox{
	disabledColor: #0B333C;
}

NumericStepper{
	disabledColor: #0B333C;
}

RadioButton{
	disabledColor: #0B333C;
}

Alert{
	backgroundColor: #000000;
	backgroundAlpha: 0.7;
	borderColor: #000000;
	borderAlpha: 0.7;
	buttonStyleName: "alertButton";
}

ToolTip{
	backgroundColor: #000000;
	color: #FFFFFF;
	fontFamily: myriadRegular;
	fontSize: 12;
	backgroundAlpha: 0.8;
}

HorizontalList{
	backgroundColor: #000000;
	color: #FFFFFF;
	borderStyle: none;
	selectionColor: #B7BABC;
	rollOverColor: #000000;
}

TileList{
	backgroundColor: #000000;
	color: #FFFFFF;
	fontFamily: myriadRegular;
	fontSize: 12;
	borderStyle: none;
}

DateChooser
{
	fontFamily: myriadRegular;
	headerStyleName: dateChooserHeader;
	weekDayStyleName: dateChooserWeekDay;
	fontWeight: normal;
	fontSize: 12;
}

.myHSlider{
	fillAlphas: 1.0, 1.0;
	fillColors: #FFFFFF, #FFFFFF;
	labelStyleName: "myhSliderLabelStyle";
}

.myhSliderLabelStyle {
   color: #ffffff;
}

.FrontPanel{
	titleStyleName: panelTitle;
}

.FrontTabNavigator{
	fontFamily: myriadRegular;
	fontSize: 12;
	selectedTabTextStyleName: tabNavigatorSelectedTabText;
	lastTabStyleName: tabNavigatorLastTab;
	backgroundColor: #E2E2E2;
	firstTabStyleName: tabNavigatorFirstTab;
	backgroundAlpha: 0.0;
	borderStyle: outset;
}
.TextAreaPhoto{
	color: #FFFFFF;
	backgroundColor: #000000;
	fontFamily: myriadRegular;
	fontSize: 12;
	borderStyle: none;
}

.FrontTextInput {
	border-skin: Embed("assets/textinput_skin.png",
			scaleGridLeft="4",
			scaleGridRight="148",
			scaleGridTop="4",
			scaleGridBottom="25");
	padding-left: 2;
	padding-top: 3;
	fontFamily: myriadBold;
	fontSize: 12;
	fontWeight: bold;
}

.FrontDataGrid {
   headerStyleName: "mydataGridHeaderStyle";
   fontFamily: "myriadRegular";
}

.BrowseTree{
	backgroundColor: #000000;
	borderStyle: solid;
	borderColor: #000000;
	color: #FFFFFF;
	fontFamily: "myriadRegular";
   	fontWeight: normal;
}

.BrowseCanvas{
	backgroundColor: #ffffff;
	backgroundAlpha: 0.6;
	borderStyle: solid;
	borderColor: #000000;
	cornerRadius: 5;
}

.BrowseTextArea{
	backgroundColor: #000000;
	color: #FFFFFF;
	backgroundAlpha: 0.0;
	fontFamily: myriadRegular;
	fontSize: 12;
	borderStyle: none;
}

.markerDataGrid{
	headerColors: #000000, #999999;
	color: #FFFFFF;
	verticalScrollBarStyleName: dataGridVerticalScrollBar;
	headerStyleName: dataGridHeader;
	alternatingItemColors: #666666, #000000;
	backgroundAlpha: 0.7;
	borderStyle: outset;
}

.mydataGridHeaderStyle {
   fontFamily: "myriadBold";
   fontWeight: bold;
}

.popUpCanvas{
	cornerRadius: 5;
	borderStyle: solid;
	borderColor: #000000;
	dropShadowEnabled: true;
	fontSize: 11;
	borderThickness: 1;
	backgroundColor: #000000;
	backgroundAlpha: 0.8;
	color: #FFFFFF;
}

.alertButton{
	 fillColors: #999999, #000000, #333333, #000000;
	 color: #ffffff;
 	 textRollOverColor: #ffffff;
 	 textSelectedColor: #000000;
 	 borderColor: #000000;
 	 fontSize: 10;
}

.normalTA {
	border-skin: Embed("assets/textinput_skin.png",
			scaleGridLeft="4",
			scaleGridRight="148",
			scaleGridTop="4",
			scaleGridBottom="25");
	padding-left: 2;
	vertical-align:middle;
}

.indicatorTA{
	backgroundAlpha: 0.0;
	borderStyle: none;
	textAlign: center;
	color: #000000;
}

.appContainer {
	background-image: Embed("/assets/topbar_skin.png",
			scaleGridLeft="20",
			scaleGridRight="680",
			scaleGridTop="41",
			scaleGridBottom="42");
	background-size: "100%";
}

.videoHSlider
{
	thumbSkin: Embed("/assets/video/thumb.png");
}

.volumnHSlider
{
	thumbSkin: Embed("/assets/video/volumn_thumb.png");
}

.iconMinimize{
	skin: Embed("/assets/icon_minimize.png");
}

.iconMaximize{
	skin: Embed("/assets/icon_maximize.png");
}

.iconClose{
	skin: Embed("/assets/icon_close.png");
}

.iconCalculator{
	skin: Embed("/assets/icon_calculator.png");
}

.iconPrint{
	skin: Embed("/assets/icon_print.png");
}

.iconEmail{
	skin: Embed("/assets/icon_email.png");
}

.iconAddCustomer{
	skin: Embed("/assets/icon_adduser.png");
}

.iconMore{
	skin: Embed("/assets/icon_more.png");
}

.iconCalendar{
	skin: Embed("/assets/icon_calendar.png");
}

.monthCalendar{
	/*upSkin: Embed("/assets/icon_calendar.png");*/
	skin: Embed("/assets/icon_calendar.png");
}

.iconInformation{
	skin: Embed("/assets/icon_information.png");
}

.iconNextday{
	skin: Embed("/assets/icon_nextday.png");
}

.iconBack{
	skin: Embed("/assets/icon_back.png");
}

.iconPrephoto{
	skin: Embed("/assets/icon_prephoto.png");
}

.iconNextphoto{
	skin: Embed("/assets/icon_nextphoto.png");
}

.iconLogoff{
	skin: Embed("/assets/icon_logoff.png");
}

.iconLogin{
	skin: Embed("/assets/icon_key.png");
}

.iconUser{
	skin: Embed("/assets/icon_admin.png");
}

.iconNextMonth{
	skin: Embed("/assets/icon_nextmonth.png");
}

.iconPreMonth{
	skin: Embed("/assets/icon_premonth.png");
}

.iconStatistic{
	skin: Embed("/assets/icon_chart.png");
}

.iconBackUp{
	skin: Embed("/assets/icon_backup.png");
}

.iconCloseSearch{
	skin: Embed("/assets/icon_closeSearch.png");
	overSkin: Embed("/assets/icon_closeSearch_over.png");
}

.iconSyncDB{
	skin: Embed("/assets/icon_refresh.png");
}

.iconSearch{
	skin: Embed("/assets/icon_search.png");
}

.iconTV{
	skin: Embed("/assets/icon_television.png");
}

.iconCamera{
	skin: Embed("assets/icon_camera.png");
}

.iconVolumn{
	skin: Embed("assets/video/volumn.png");
}

.iconPlay{
	skin: Embed("assets/video/icon_play.png");
}

.iconStop{
	skin: Embed("assets/video/icon_stop.png");
}

.photoTitle{
	color:#ffffff;
	font-family:myriadBold;
	font-size:17pt;
	font-weight:bold;
	textDecoration:none;
}

.daySelector{
	color:#ffffff;
	font-family:myriadRegular;
	font-size:15pt;
	font-weight:bold;
	textDecoration:none;
}

.daySelectorMouseOver{
	color:#CD1A68;
	font-family:myriadRegular;
	font-size:15pt;
	font-weight:bold;
	textDecoration:underline;
}

.normalTitle{
	color:#ffffff;
	font-family:myriadRegular;
	font-size:15pt;
	font-weight:normal;
	textDecoration:none;
}

.frontImageLabel{
	color:#ffffff;
	font-family:myriadRegular;
	font-size:12pt;
	font-weight:normal;
	textDecoration:none;
}

.searchResultDrawer{
	background-image: Embed("/assets/Layer-2.png",
			scaleGridLeft="10",
			scaleGridRight="300",
			scaleGridTop="20",
			scaleGridBottom="140");
	background-size: "100%";
}

.metalPopUp{
	background-image: Embed("/assets/PanelSkin_Metal.png",
			scaleGridLeft="15",
			scaleGridRight="315",
			scaleGridTop="15",
			scaleGridBottom="380");
	background-size: "100%";
}

.vertRule{
	background-image: Embed("/assets/Vert_Sep.png",
			scaleGridLeft="1",
			scaleGridRight="2",
			scaleGridTop="20",
			scaleGridBottom="40");
	background-size: "100%";	
}

.horiRule{
	background-image: Embed("/assets/Hori_Sep.png",
			scaleGridLeft="1",
			scaleGridRight="40",
			scaleGridTop="1",
			scaleGridBottom="2");
	background-size: "100%";
}

.dataGridHeader
{
	fontFamily: "myriadBold";
	fontWeight: bold;
}
.tabNavigatorSelectedTabText
{
	fontFamily: myriadBold;
}
.tabNavigatorLastTab
{
	fontFamily: myriadBold;
}
.tabNavigatorFirstTab
{
	fontFamily: myriadBold;
}
.panelTitle
{
	fontFamily: myriadBold;
	fontWeight: bold;
	fontSize: 12;
}
.dateChooserHeader
{
	fontFamily: myriadBold;
	fontWeight: bold;
	fontSize: 12;
}
.dateChooserWeekDay
{
	fontFamily: "myriadBold";
	fontWeight: bold;
	fontSize: 12;
}